/**
 * 
 * @authors cherish yii2 (cherish@cherish.pw)
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 * 
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

// 请根据考试说明文档中列出的需求进行作答
// 预祝各位顺利通过本次考试，see you next week！
// ...

//获取标签
console.log(123)
const oIpt1 = document.querySelector('[name="title"]');
console.log(oIpt1);
const oCount = document.querySelector('[id="todocount"]');
var num1;
var num2;
let index = 0;
var oToDo;
// const oOl = document.querySelector('[id="todolist"]');

const oOl = document.getElementById('todolist')
console.log(oOl)
const oUl = document.getElementById('donelist')
// const oUl = document.querySelector('[id="donelist"]');
console.log(oUl);
const oLi1 = document.querySelectorAll('#todolist li')

//新增事件
//给输入框添加失去焦点事件  失去焦点后 则向ol中加入一个li
 oIpt1.onkeydown = e =>{
    
     if(e.keyCode == 13){
        // e.stopPropagation();
        oToDo = oIpt1.value;
        console.log(oToDo);
        index = index++;
        if(oToDo!==''){
            oOl.innerHTML += `
            <li index="${index}">
                <input type="checkbox" />
                <p onclick="edit(${index})">${oToDo}</p>
                <a href="javascript:remove(${index})">-</a>
            </li>
        `;
        num1= oCount.innerText;
        num1++;
        oCount.innerText=num1;
        
        }
        fun();
        return false;
     }
    
       
 }

 function fun(){
    const oliInput = [...document.querySelectorAll('#todolist li input')]
    const oUlInput = [...document.querySelectorAll('#donelist li input')]
    const removeList = [...document.querySelectorAll('li a')]

    oliInput.map((item,index)=>{
        item.addEventListener('click',(e)=>{
       if(item.checked){
           oUl.appendChild(item.parentNode)
       }
    })
    })
    
    
    
    //  if(e.target.getAtrtibute('typebox')==='checkbox')
    console.log(oUlInput) 
    oUlInput.map((item,index)=>{
       item.addEventListener('click',(e)=>{
       if(item.checked){
           oOl.appendChild(item.parentNode)
       }
    })
    })
    
    removeList.map((item,index)=>{
    item.addEventListener('click',(e)=>{
       item.parentNode.remove()
    })
    })
 }


 




